﻿* {
    font-family: "trebuchet ms", helvetica, sans-serif;
    margin:0px;
    padding:0px;
}

body, html {
    margin:0px;
    padding:0px;
    background:#e7e7e7;
    text-align:center;
    margin-bottom:10px;
    color: #043f4a;
    font-size:11px;    
}

#header {
    text-align:left;
    margin:0px;
    padding:30px 0px 0px 10px;
    height:64px;
    background:#87b220;
}

#headerLogoContainer {
    width: 60%;
    margin:0px auto;
    top: -2px;
}

#headerLogoContainer img {
    height:60px; 
    margin: 0px auto;
}

#headerLogoContainer p {
    color: #394E06;
    font-size: 30px;
    float: left;
    letter-spacing: -2px;
    line-height: 43px;
    margin-right: 0.5em;
}

#contentContainer {
    width:800px;
    margin:10px auto;
    padding:0px;
    background:#fff;
    text-align:left;
}

#primaryContentContainer h1 {
    color: #718e3e;
    font-size:25px;
    letter-spacing:-1px;
    margin-top:15px;
    margin-bottom:20px;
    font-weight:normal;
}

#primaryContentContainer h2 {
    font-size:11px;
    font-weight:bold;
    color:#666;
    margin-top: 17px;
    margin-bottom: 3px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

#secondaryContentContainer h1 {
    color:#87b220;
    margin-top:20px;
    margin-bottom:0;
    padding:11px 15px;
    line-height:21px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
}

#nav {
    margin:0px;
    padding:0px;
    background:#7fa71f;
    height:34px;
    list-style:none;
    width:100%;
}

#nav li{
    float:left;
    clear:none;
    list-style:none;
}

#nav li a{
    color:#fff;
    display:block;
    font-size:12px;
    text-decoration:none;
    font-weight:bold;
    padding:8px 18px;
}

#nav li a:hover{
    color:#fff;
    background:#739B1F;
}

#nav ul{
    width:60%;
    margin:0px auto;    
}

.navActive {
    background:url('active_page.gif') !important;
}

#primaryContentContainer {
    width:500px;
    padding:20px 55px;
    border-right:5px solid #e7e7e7;
    float:left;
    clear:none; 
    line-height: 25px;
}

#secondaryContentContainer {
    font-size:11px;
    float:right;
    clear:none; 
    text-align: left;
    width: 180px;
}

.clear {
    clear:both;
}

.splitter {
    border-bottom: 3px solid #7fa71f;
    padding-bottom: 15px;
}

#primaryContentContainer a {
    color: #FF9900;
    text-decoration: underline;
}

#primaryContentContainer a:hover {
    text-decoration: none;
}

#secondaryContentContainer a {
    color: #575757;
    text-decoration: none;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 11px 15px;
    line-height: 1.8em;
}

#secondaryContentContainer a:hover {
    text-decoration: underline;
    color: #D0D0D0;
}

.warning {
    color: #c82829;
    font-weight:bold;
}
